@font-face {
    font-family: 'MyCustomFont';
    src: url('/assets/webfonts/优设标题黑.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* 在字体下载过程中使用系统字体 */
}
@font-face {
    font-family: 'font2';
    src: url('/assets/webfonts/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* 在字体下载过程中使用系统字体 */
}
body{
    background:  linear-gradient(20deg, #03020a,#060635e0,#6d005fa8)
}
.course{
    color: #FFFFFF;
    float: left;
    /*min-height: 750px;*/
}
.course-title{
    margin: 2px 20px;
    display: flex;
    justify-content: center;
}
.number-title{
    font-family: font2;
    font-size: 120px;
    width: 50%;
    /*text-align: right;*/
}
.number-child-title{
    font-family: MyCustomFont;
    font-size: 36px;
    margin: 0px 20px
}
.section-title{
    font-family: MyCustomFont;
    font-size: 34px;
    width: 20%;
    display: flex;
    align-items: center;
}
.course-li{
    font-size: 14px;
    color: #FFFFFF;
    margin: 10px;
}
.course-li>a{
    cursor: pointer;
    color:#FFFFFF;
    text-decoration: none;
}
.course-li>a:hover{
    color: #FF0000;
    text-decoration: underline;
}
.course-ul{
    margin: 10px;
    padding-bottom: 2px;
    height: 200px;
    overflow-y: auto;
}
/* 隐藏滚动条 */
::-webkit-scrollbar {
    display: none;
}

/* 确保内容可滚动 */
.scrollable {
    overflow-y: scroll; /* 对于垂直滚动 */
}

.course-detail{
    display: flex;
    margin: 2px 30px;
    font-size: 15px;
    font-weight: 600
}
.course-detail2{
    display: flex;
    margin: 10px 30px;
}
.course-detail-tag{
    padding: 2px 10px;
    background: #CCC;
    margin: 0px 10px 0px 0px;
    border-radius: 10px;
    font-size: 12px;
}
.course-detail-val{
    margin-left: 20px;
}
.course-detail-left{
}
.course-btn{
    width: 100px;
    border-radius: 8px;
    background: linear-gradient(20deg, #dfe0e180, #dfe0e100);
    margin: 15px 10px;
    padding: 6px;
    text-align: center;
    font-size: 14px;
    border-radius: 8px 0 0 8px;
    cursor: pointer;
}
